Great pickup! looking at the two, there are multiple things that need to be updated within this code snippet from the playground. Do you mind updating it to reflect that?

I think the only thing I would add to the code snippet from the playground ist the code from createEffect. The other things looks fine. If you agree, I can update the PR.

Maybe it would be a good thing to change parameter in the setShow function vom (v) => !v to (isShown) => !isShown. What are your thoughts on that?

I don't think the createEffect itself is necessary. I mostly mean that the code snippet should look like this:

function App() {
  const [show, setShow] = createSignal(false);
  let element!: HTMLParagraphElement;

  return (
    <div>
      <button onClick={() => setShow((isShown) => !isShown)}>Toggle</button>

      <Show when={show()}>
        <p ref={element}>This is the ref element</p>
      </Show>
    </div>
  );
}

Since we don't need the setElement in this, we can do without the signal itself!

Yes, indeed! I will change that accordingly.

I don't think the createEffect itself is necessary. I mostly mean that the code snippet should look like this:

function App() {
  const [show, setShow] = createSignal(false);
  let element!: HTMLParagraphElement;

  return (
    <div>
      <button onClick={() => setShow((isShown) => !isShown)}>Toggle</button>

      <Show when={show()}>
        <p ref={element}>This is the ref element</p>
      </Show>
    </div>
  );
}

Since we don't need the setElement in this, we can do without the signal itself!